<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="./layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/company.css"/>
		<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=w3iwlcaBv8nBvS6RbcaLNRXDfYsMpn6d"></script>
		<title>联系我们</title>
	</head>
	<body>
		<!-- 顶部banner -->
		<div class="header" data-scroll-reveal="enter top and move 100px over 1s">
			<div class="top">
				<div class="top-bar">
					<div class="left" data-scroll-reveal="enter top and move 100px over 1s">
						<img class="logo" src="./image/floor/logo.png" alt="logo">
					</div>
					<div class="right" data-scroll-reveal="enter top and move 100px over 1s">
						<div class="search">
							<span class="search-tips">搜索</span>
							<span class="search-icon">
								<i class="layui-icon layui-icon-search"></i>
							</span>
							<input class="search-input" type="text">
						</div>
						<div class="login">
							<a href="#">登陆</a> /
							<a href="#">注册</a>
						</div>
					</div>
				</div>
			</div>
			<div class="header-banner">
				<img src="./image/contact-banner.jpg" alt="">
				<div class="mask">
					<div class="explain">
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							CONTACT US
						</p>
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							联系我们
						</p>
					</div>
				</div>
			</div>
		<!-- 	<ul class="nav layui-nav" lay-filter="">
				<li class="nav-item layui-nav-item " data-scroll-reveal="enter left and move 50px over 1s">
					<a href="#">首页</a>
				</li>
				<li class="nav-item layui-nav-item " data-scroll-reveal="enter right and move 100px over 1s">
					<a href="#part1">丰都避暑楼盘</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="javascript:;">丰都旅游景点</a>
					<dl class="layui-nav-child">
						<dd><a href="#">移动模块</a></dd>
						<dd><a href="#">后台模版</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
					</dl>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter bottom and move 100px over 1s">
					<a href="#part3">丰都酒店民宿</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="#part4">丰都土特产</a>
				</li>
				<li class="nav-item layui-nav-item active" data-scroll-reveal="enter botom and move 100px over 1s">
					<a href="#part5">丰都旅游资讯</a>
				</li>
			</ul>
		 -->
		</div>


		<div class="section first-section">
			<div class="contact">
				<div class="contact-part1">
					<div class="contact-left">
						<h3 class="contact-name">联系我们</h3>
						<p>
							丰都避暑网网是一家为中小微企业、提供旅游、避暑房、土特产等的综合性网站，致力做中国优质的旅游服务。
							 主要类目有：旅游、养老、避暑、亲子游玩类目、投资、购物等。
						</p>
					</div>
					<div class="contact-right">
						<img src="./image/woshou.jpg" alt="">
					</div>
				</div>
				<div class="contact-part2">
					<div class="contact-part2-name">
						<div class="contact-left">
							<span class="index">01</span>
							<img class="gap" src="./image/fenge.png" alt="">
							<span class="title">公司理念</span>
						</div>
						<div class="contact-right">
							<p>
								<span>我们宗旨</span>
								免费、高清、正版
							</p>
							<p>
								<span>我们愿景</span>
								让所有人都可以更了解丰都来旅游
							</p>
						</div>
					</div>
					<div class="contact-part2-content">
						<p>
							1.公司推行可持续发展战略，以满足客户需求为中心，以扩大市场份额为手段，以利润为目标。<br>
							 2.公司推行以目标管理、预算管理为主导的经营机制，按照国家旅游局"四个统一"的原则管理旅 游分支机构，禁止私人承包、私人挂靠等经营方式。<br>
							  3.公司建立自上而下、高效有序的部门管理体系，明确部门使命、任务、目标、职责职能，制定履行职责必需的相关政策、制度、细则及作业指导书。<br>
							  4. 公司建立全面的人事管理体系，制定招聘配置、薪酬福利、考核培训、员工奖惩等方面的政策及具体操作流程。<br>
							  5.公司开展有南湖国旅特色的企业文化建设，倡导务实高效的工作作风、勤奋努力的奉献精神、团结友爱的和谐关系。<br>
							增强企业凝聚力，增强员工归属感、自豪感。
						</p>
					</div>
				</div>
				
				<div class="contact-part3">
					<div class="contact-left" id="map"></div>
					<div class="contact-right">
						<h3>联系我们</h3>
						<p class="tel">联系电话：021-80187116</p>
						<p class="email">邮箱：shetuwang@123.com</p>
						<p class="web-site">网址：www.699pic.com</p>
						<p class="form-name">留下你的联系方式</p>
						<form class="form">
							<input type="text" name="">
							<button type="button" class="btn submit-btn">提交</span>
						</form>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 侧边固定 -->
		<div class="side-bar">
			  <ul>
			    <li class="side-bar-item">
					<i class="icon layui-icon layui-icon-login-wechat"></i>
				   <div class="qrcode">
					   <p>扫描二维码</p>
					   <img src="./image/2-3.jpg" alt="">
				   </div>
			    </li>
			    <li class="side-bar-item">
					<i class="icon layui-icon layui-icon-login-qq"></i>
			      <div class="qrcode">
					  <p>扫描二维码</p>
					  <img src="./image/2-3.jpg" alt="">
				  </div>
			    </li>
			  </ul>
		</div>
	
		
		<!-- foot -->
		<div class="foot foot-margin">
			<div class="foot-section">
				<div class="foot-nav">
					<div class="foot-nav-item">
						<a href="#">首页</a>
						<a href="#">丰都避暑楼盘</a>
						<a href="#">丰都旅游景点</a>
						<a href="#">丰都酒店民宿</a>
						<a href="#">丰都土特产</a>
						<a href="#">公司简介</a>
						<a href="#">联系我们</a>
						<a href="#">市场合作</a>
					</div>
					<div class="back-top">
						<a href="#">回到顶部</a>
					</div>
				</div>
		
				<div class="foot-center">
					<div class="foot-center-1 logo">
						<img src="./image/floor/logo.png">
					</div>
					<div class="foot-center-2">
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注公众号</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关小程序</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注商城</p>
						</div>
					</div>
					<div class="foot-center-1">
						<p>电话：021-80187116</p>
						<p>QQ：800053384</p>
						<p>邮箱：fengduasadh@123.com</p>
						<p>网址：www.435xvc.com</p>
						<p>地址：重庆市渝中区东方路3539号</p>
					</div>
				</div>
				
				<div class="foot-link">
					<span class="foot-name">友情链接：</span>
					<div class="link-item">
						<a href="#">指纹网</a>
						<a href="#">安居客</a>
						<a href="#">明珠城</a>
						<a href="#">丰都小邓</a>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>版权所有：Copyright © 2015-2019丰都宣传网 渝ICP备15050430号 ICP证渝B2-20180118</p>
		</div>
	
	</body>
	<script>
		layui.config({
			base: './js/'
		}).extend({
			scrollReveal: "plugins/scrollReveal"
		}).use(['index'],function(){
			var map = new BMapGL.Map('map');
			map.centerAndZoom(new BMapGL.Point(116.404, 39.928), 15);
			map.enableScrollWheelZoom(true);
			var myIcon = new BMapGL.Icon("./image/map.png", new BMapGL.Size(45, 60));
			// 创建点标记
			var marker1 = new BMapGL.Marker(new BMapGL.Point(116.404, 39.925),{
				icon:myIcon
			});
			map.addOverlay(marker1);
		})
	</script>
</html>
